<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

	<table class="table table-bordered" id="roleListTable"></table>
	
<script type="text/javascript">
function loadRoleInfo(){
	$("#roleListTable").bootstrapTable({
		url : 'role/pageInfo', // 请求后台的URL（*）
		method : 'post', // 请求方式（*）
		striped : true, // 是否显示行间隔色
		cache : false, // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		pagination : true, // 是否显示分页（*）
		sortable : false, // 是否启用排序
		sortOrder : "asc", // 排序方式
		queryParams : function(params){
			return "&limit="+params.limit+"&offset="+params.offset;
		},// 传递参数（*）
		sidePagination : "server", // 分页方式：client客    户端分页，server服务端分页（*）
		pageNumber : 1, // 初始化加载第一页，默认第一页
		pageSize : 10, // 每页的记录行数（*）
		pageList : [ 10, 20], // 可供选择的每页的行数（*）
		contentType : "application/x-www-form-urlencoded",
		strictSearch : true,
		clickToSelect : true, // 是否启用点击选中行
		idField : "id", // 每一行的唯一标识，一般为主键列
        singleSelect:true,  //单选
		responseHandler :function(rs){
			console.log(rs);//{"msg":,"status",result}
			var status = rs.status;// 在此做了错误代码的判断
			if (status != 200) {
				alert("错误代码" + rs.msg);
				return;
			}
			// 如果没有错误则返回数据，渲染表格
			return {
				total : rs.result.total,
				rows : rs.result.list
			};
		},
		columns : [{
			field: 'ck',
			checkbox:true
		}, {
			field : 'name',
			title : '角色名称',
			formatter:nullFormat
		}, {
			field : 'eName',
			title : '英文名称',
			formatter:nullFormat
		}, {
			field : 'delFlag',
			title : '是否已删除',
			formatter:function(value, row, index) {
				if (value == '' || value == null) {
					return "";
				}
				return value==0?'未删除':'已删除';
			}
		}],
		onCheck: getSelectedRow,
		onUncheck: unGetSelectedRow
	});
}
//将null(对象空)转化为""(字符空)
function nullFormat(value, row, index) {
	if (value == '' || value == null) {
		return "";
	}
	return value;
}
//页面刷新就加载所有用户信息
$(function(){
	loadRoleInfo();
});

var getRow = null;

//勾选用户对象
function getSelectedRow(row) {
	getRow = row;
}
//取消勾选用户对象
function unGetSelectedRow(row) {
	getRow = null;
}
</script>